<template>
  <div id="app" ref="app">
    <transition
      name="fade"
      mode="out-in">
      <keep-alive :include="keepAlive">
        <router-view></router-view>
      </keep-alive>
    </transition>
  </div>
</template>

<script>
  export default {
    name: 'App',
    computed: {
      keepAlive() {
        return this.$store.state.keepAlive.keepAlive
      }
    },
    mounted() {
      this.$refs.app.style.height = window.innerHeight + 'px';
      this.$i18n.locale = this.$route.query.culture !== 'en-us' ? 'zh' : 'en'


      console.log(document.images)
    }
  }
</script>

<style>
  * {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei UI";
  }

  div, span, input, button {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /**-webkit-appearance: none;**/
  }

  .fade-enter-active,
  .fade-leave-active {
    transition: all .2s ease;
  }

  .fade-enter,
  .fade-leave-active {
    opacity: 0;
  }

  input{
    text-indent: 0 !important;
  }
</style>
